<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接标签</title>
</head>
<body>
<!--跳转到本地资源-->
<a href="demo05.html">跳转到day01/demo05.html</a>
<!--跳转至外部资源
  target="_blank跳转到新的页面，有两个页面
  target="_self在旧页面打开新的页面，有一个页面-->
<a href="https://www.baidu.com">百度一下</a>
<!--图片超链接-->
<a href="https://www.baidu.com">
    <img src="img/zly.jpg" alt="百度一下">
</a>
<!--锚点-->
<hr>
<a href="#c1">第一章</a>
<a href="#c2">第二章</a>
<a href="#c3">第三章</a>
<h3 id="c1">第一章：石猴去世</h3>
<!--lorem生成假文-->
<p>lorem ipsum dolor sit amet, consectetur adipisicing elit.
    Accusamus aliquam amet atque autem beatae blanditiis</p>
<p>lorem ipsum dolor sit amet, consectetur adipisicing elit.
    Accusamus aliquam amet atque autem beatae blanditiis</p>
<p>lorem ipsum dolor sit amet, consectetur adipisicing elit.
    Accusamus aliquam amet atque autem beatae blanditiis</p>
<h3 id="c2">第二章：龙宫抢宝</h3>
<p>lorem ipsum dolor sit amet, consectetur adipisicing elit.
    Accusamus aliquam amet atque autem beatae blanditiis</p>
<p>lorem ipsum dolor sit amet, consectetur adipisicing elit.
    Accusamus aliquam amet atque autem beatae blanditiis</p>
<p>lorem ipsum dolor sit amet, consectetur adipisicing elit.
    Accusamus aliquam amet atque autem beatae blanditiis</p>
<h3 id="c3">第三章：蓬莱偷艺</h3>
<p>lorem ipsum dolor sit amet, consectetur adipisicing elit.
    Accusamus aliquam amet atque autem beatae blanditiis</p>
<p>lorem ipsum dolor sit amet, consectetur adipisicing elit.
    Accusamus aliquam amet atque autem beatae blanditiis</p>
<p>lorem ipsum dolor sit amet, consectetur adipisicing elit.
    Accusamus aliquam amet atque autem beatae blanditiis</p>
<a href="#">回到顶部</a>
</body>
</html>